<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <ul id="mode">
        <li>不要走神</li>
        <li class="one">不要走神</li>
        <li>不要走神</li>
        <li>不要走神</li>
        <li>不要走神</li>
        <li>不要走神</li>
        <li>不要走神111</li>
        <li>不要走神222</li>
    </ul>
    <ol>
        <li>今天周四</li>
        <li>今天周四</li>
        <li>今天周四</li>
        <li>今天周四</li>
        <li>今天周四</li>
    </ol>

    <script>
        // 获取所有li标签
        var demo = document.getElementsByTagName("li");
        // 遍历li标签
        for(var i=0;i<demo.length;i++){
            // 获取li标签的标签名
            var tagName = demo[i].tagName;
            // 判断标签名是否为li
            if(tagName == "LI"){
                // 给li标签添加样式
                demo[i].style.color = "red";
            }
            }
        console.log("demo",demo);
        console.log("demo",demo[1]);

        var nav=document.getElementById('mode')
      console.log('nav',nav);
      var uLi=nav.getElementsByTagName('li')
      console.log('uLi',uLi);

    </script>
</body>
</html>